/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }

html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size:62.5%; /* 10÷16=62.5% */
    width:100%;
    height:100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;    
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased;
}
body { 
  font-family: "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti;
  font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:150%; 
    color:#000; 
    background: #f5f5f5; 
    height:100%
}


em, q, cite, address { font-weight:400; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
address { display:inline }
img { border:none }
li { list-style:none }
q { quotes:none }
strong { font-weight:bold }
table { border-collapse:collapse }
th { text-align:left; font-weight:400 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#00859c; color:#fff }
::-moz-selection { background-color:#00859c; color:#fff }

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
a:hover{ color: #00859c }
a:hover .border-00{ border-bottom: 1px solid #00859c; }
a:hover .color999 {color: #00859c;}
.a01, a.a01, .a01 a { color: #00859c; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#000 }

.a02, a.a02, .a02 a {display: inline-block;position: relative;}
.a02:before, a.a02:before, .a02 a:before {background: #00859c;}
.a02:before, a.a02:before, .a02 a:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%;height: 1px; background-color: #00859c;transition: -webkit-transform .2s ease; transition: transform .2s ease;-webkit-transform-origin: right; transform-origin: right;-webkit-transform: scaleX(0);transform: scaleX(0);}
a:hover .a02::before, a.a02:hover::before, .a02 a:hover::before ,.a02:hover::before{-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left; transform-origin: left}
/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
.tjust {text-align: justify;}
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }
.cursor_default {cursor:default}

/*-------------------结构-------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time { display:block }

.cd-main-content { width:100%; margin:0 auto; overflow: hidden }

.container { margin-right:auto; margin-left:auto }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }
select{box-sizing: border-box;border:none; color:#6a6f77;  -web-kit-appearance:none; -moz-appearance: none; display:block; outline:0;text-decoration:none;appearance:none; -moz-appearance:none; -webkit-appearance:none;}
/*-------------------手机端菜单-------------------*/
#cd-lateral-nav { display: none }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }

.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }

.left0 { left:0!important }
.right0 { right:0!important }

.zindex2 { z-index:2 }
.zindex3 { z-index:3 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }


/*-------------------透明度-------------------*/
.opacity0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.opacity0_2 { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_7 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/

@font-face {font-family: 'webfont';
  src: url('../fonts/vez8cpp7mt43g14i.eot'); /* IE9*/
  src: url('../fonts/vez8cpp7mt43g14i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/vez8cpp7mt43g14i.woff') format('woff'), /* chrome、firefox */
  url('../fonts/vez8cpp7mt43g14i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/vez8cpp7mt43g14i.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

@font-face {
  font-family: "iconfont"; /* Project id 2613794 */
  src: url('../fonts/font.woff2?t=1627280278281') format('woff2'),
       url('../fonts/font.woff?t=1627280278281') format('woff'),
       url('../fonts/font.ttf?t=1627280278281') format('truetype');
}

.iconfont { line-height: 1em }
.fa-0_2x { font-size: 0.2em!important }
.fa-0_6x { font-size: 0.6em!important }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }

.font-bold { font-weight: bold }
.font-thin { font-weight: 300 }

h1, .h1 { font-size: 40px; line-height:1.1em }
h2, .h2 { font-size: 37px; line-height:1.1em }
h3, .h3 { font-size: 30px; line-height:1.1em }/*子页大标题*/
h4, .h4 { font-size: 25px; line-height:1.1em }/*子页二标题*/
h5, .h5 { font-size: 18px }/*子页小标题*/
h6, .h6 { font-size: 16px }
.poDev-abu h5{ font-size:22px;}
.poDev-abur  h5{ font-size:22px;}

.bigtitle { font-size: 50px; line-height:1.1em; font-weight: 400 }
.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }

.letterspacing5 { letter-spacing: 5px }
.letterspacing8 { letter-spacing: 8px }


/*-----------------间距---------------------*/ 
.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_3em { line-height:1.3em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }
.line-height2_5em { line-height:2.5em }

/*-------------------颜色--------------------*/
.colorfff, .colorfff a, a.colorfff { color: #fff }
.color000, .color000 a, a.color000 { color: #000 }
.color1e55a8 {color: #00859c;}
.colorfe2230 {color: #fe2230;}
.color999999 {color: #999999;transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s}
.color999 {color: #999999;transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s}
.color666 {color: #666666;}
.color1f1f1f {color: #1f1f1f;}
.color134290 {color: #00859c;}
.colore72f34 {color: #e72f34;}
.color131313 {color: #131313;}
.color2264c8 {color: #2264c8;}
.color2057a1 {color: #2057a1;}
.color154996 {color: #154996;}
.color04357c {color: #04357c;}
.color6e6e6e {color: #6e6e6e;}


.bgfff { background: #fff }
.bg000 { background: #000 }
.bgf5f5f5 {background: #f5f5f5;}
.bg1e55a8 {background: #00859c;}
.bg04357c {background: #00859c;}
.bg184a97 {background: #184a97;}
.bgdc7330 {background: #dc7330;}
.bgededed {background: #ededed;}
.bgf8f8f8 {background: #f8f8f8;}
.bg134592 {background: #134592;}
.bgf3f3f3 {background: #f3f3f3;}
.bgebebeb {background: #ebebeb;}
.bg12418a {background: #12418a;}
.bg2264c8 {background: #00859c;}
.bg134290 {background: #00859c;}
.bg2280c8 {background: #00859c;}
.bg1c4994 {background: #1c4994;}
.bgfbfbfb {background: #fbfbfb;}
.bgf9f9f9 {background: #f9f9f9;}
.bg12479f {background: #12479f;}
.bg134aa5 {background: #134aa5;}
.bgfcfafa {background: #fcfafa;}

.bgfff0_8 {background: rgba(255,255,255,0.8)}
.bgfff0_97 {background: rgba(255,255,255,0.97)}
.bg0050a10_6 {background: rgba(0,133,156,0.6);}
/*-------------------宽度、高度--------------------*/
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width40 { width:40% }
.width45 { width:45% }
.width48 { width:48% }
.width50 { width:50% }
.width55 { width:55% }
.width60 { width:60% }
.width65 { width:65% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width85 { width:85% }
.width90 { width:90% }
.width95 { width:95% }
.width100 { width:100% }

.height50 { height: 50% }
.height100 { height: 100% }
.minheight200 {height: 250px;}

.imgw20 { display:block; max-width:20%; height:auto }
.imgw25 { display:block; max-width:25%; height:auto }
.imgw30 { display:block; max-width:30%; height:auto }
.imgw40 { display:block; max-width:40%; height:auto }
.imgw50 { display:block; max-width:50%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

.infinite-height { margin-bottom: -3000px; padding-bottom: 3000px }
.object_fit-cover{object-fit: cover;}

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_90 { float:left; width:90% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_48 { float:left; width:48% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_28 { float:left; width:28% }
.area_25 { float:left; width:25% }
.area_22 { float:left; width:22% }
.area_20 { float:left; width:20% }
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }
.area_12 {float:left; width:12%}
.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.margintop2 { margin-top:2px }
.margintop3 { margin-top:3px }
.margintop4 { margin-top:4px }
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop25 { margin-top:25px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop60 { margin-top:60px }
.margintop80 { margin-top:80px }

.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px }
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px }
.marginbottom60 { margin-bottom:60px }
.marginbottom90 {
    margin-bottom: 90px
}

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft50 { margin-left:50px }
.marginleft_f20 {margin-left: -20px;}

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }
.marginright50 { margin-right:50px }

.marginauto { margin-left:auto; margin-right:auto }

.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop25 { padding-top:25px }
.paddingtop30 { padding-top:30px }
.paddingtop33 { padding-top:33px }
.paddingtop35 { padding-top:35px }
.paddingtop40 { padding-top:40px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom45 { padding-bottom:45px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

.paddingleft0 { padding-left:0!important }
.paddingleft2 { padding-left:2px }
.paddingleft5 { padding-left:5px }
.paddingleft7 { padding-left:7px }
.paddingleft10 { padding-left:10px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }

.paddingright0 { padding-right:0!important }
.paddingright2 { padding-right:2px }
.paddingright5 { padding-right:5px }
.paddingright7 { padding-right:7px }
.paddingright10 { padding-right:10px }
.paddingright15 { padding-right:15px }
.paddingright20 { padding-right:20px }
.paddingright30 { padding-right:30px }
.paddingright40 { padding-right:40px }
.paddingright50 { padding-right:50px }

.padding1 { padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding2 { padding:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15_30 { padding:15px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.row1 { margin-left: -1px; margin-right: -1px }
.row2 { margin-left: -2px; margin-right: -2px }
.row5 { margin-left: -5px; margin-right: -5px }
.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row30 { margin-left: -30px; margin-right: -30px }
.row50 { margin-left: -50px; margin-right: -50px }

.mo_dis { display: none }
.mo_undis { display:block }

/*-----------------线条---------------------*/ 
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-000 { width:100%; height:1px; line-height:1px; font-size:0; background:#000; border:0 none }
.line-0068b7 { width:100%; height:2px; line-height:2px; font-size:0; background:#0068b7; border:0 none }
.line-d82e8b { width:100%; height:4px; line-height:4px; font-size:0; background:#d82e8b; border:0 none }
.line-e2e2e2no {width:100%; height:1px; line-height:4px; font-size:0; background:#e2e2e2; border:0 none}
.line-e2e2e2 {width:100%; height:1px; line-height:4px; font-size:0; background:#e2e2e2; border:0 none}
.line-e2e2e2::before{content: ''; display: inline-block;width: 80px; height: 3px; background: #00859c; position: absolute;left: 0;}
.link-d6d6d6 {width: 100%;height:1px; line-height:1px; font-size:0; background:#d6d6d6; border:0 none}
.line-b7b7b7 {width: 100%;height:1px; line-height:4px; font-size:0;border:0 none;border-bottom:1px dashed #b7b7b7}
.line-1550aa {width:100%; height:1px; line-height:1px; font-size:0; background:#1550aa; border:0 none}

.border_b_ececec { border-bottom: 1px solid #ececec }

.border-ff {border-bottom: 1px solid #fff; font-size:17px;}
.border-00 {border-bottom: 1px solid #000;}
.border-1e55a8 {border-bottom: 1px solid #00859c;}
.border-484c4c {border-bottom: 1px solid #484c4c;}
.border-2264c8 {border: 1px solid #2264c8;}
.border-e2e2e2 {border: 1px solid #e2e2e2;}
.border_fff-3::before {content: ''; width: 95%; height: 3px; background: #fff;position: absolute; bottom: -15px;}
.border-1f1f1f {border: 1px solid #1f1f1f;}
.kv-btn1.borderfff {border: 1px solid #fff;}
.kv-btn1.borderfff:hover{border: 1px solid rgba(255, 255, 255,0.7);}
/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }

.button-m, a.button-m, input.button-m { padding: 0 20px; height: 30px; line-height: 30px }
.button-l, a.button-l, input.button-l { padding: 0 40px; height: 50px; line-height: 50px }
.button-l .iconfont, a.button-l .iconfont, input.button-l .iconfont { line-height: 50px!important }

.button-blue, a.button-blue, input.button-blue { background:#0068b7; color:#fff }
.button-blue:hover, a:hover.button-blue, input.button-blue:hover { background:#3785c0; color:#fff }
.button-blue:active, a:active.button-blue, input.button-blue:active { background:#3785c0; color:#fff; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }

.button-gray, a.button-gray, input.button-gray { background:#eee; color:#000 }
.button-gray:hover, a:hover.button-gray, input.button-gray:hover { background:#d0d0d0; color:#000 }
.button-gray:active, a:active.button-gray, input.button-gray:active { background:#bcbcbc; color:#000; -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.15) inset }
.return-btn{padding: 8px 25px; background: #eee; border-radius: 5px;}
.return-btn:hover {background: #0050a1; color: #fff;}

/* ------------------三角-------------------- */
.triangle-up { width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 40px solid #fff;z-index: 1;}

/*-------------------通用-------------------*/ 
.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.75em; line-height:1.4em; overflow:hidden; font-size:15px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_2no { line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_max3 { max-height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4no { line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.35em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }
.com-rows_6no { height:9.35em; line-height:1.8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical }


.zoomimg{ -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
a:hover .zoomimg, .zoomimg:hover,.foundSwiper .com-link:hover .zoomimg{ transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05) }
.com-link { display: block; overflow: hidden; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.com-link:hover { color: #000; -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1) }
.com-link.colorfff:hover { color: #fff }
.com-link.bg1e55a8:hover,.com-link.bg04357c:hover  {background: #154996;}
.bgedf2f9-link:hover .bgf5f5f5,.bgedf2f9-link:hover{background: #edf2f9;}
.bgedf2f9-link:hover .color999999{color: #00859c;}
.com-link-032763:hover {background: #3a909e; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s}
.com-link-032763:hover.color2264c8 {color: #fff;}


.block-padding { padding-top: 80px; padding-bottom: 80px }
.block-padding-t { padding-top: 80px }
.block-padding-b { padding-bottom: 80px }
.block-padding-t65 { padding-top: 65px }
.block-padding-b65 { padding-bottom: 65px }
.block-padding-t60 { padding-top: 60px }
.block-padding-b60 { padding-bottom: 60px }

.card-padding { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.word-break_word{word-break: break-word;} 
/* -------------------旋转------------------ */
.transform_90 {transform:rotate(90deg); -ms-transform:rotate(90deg);  -moz-transform:rotate(90deg); 	 -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.transform_180 {transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg); 	 -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

/*-------------------头部-------------------*/ 
.headbox { width: 100%; height:0; position: fixed; z-index: 1000 }

.menu { display: none }

.navbox { width: 100%; height:100px; background: rgba(255,255,255,0); position: absolute; top: 0; left: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.logo { width: auto; height: 44px; position: absolute; left: 5%; bottom: 15px; z-index: 10; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }

.headbox.current .navbox,.headbox.elCurrent .navbox { background: rgba(255,255,255,1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); top: -30px }
.headbox.current .logo,.headbox.elCurrent .logo { height: 40px }
.language { height: 24px; line-height: 24px; position: absolute;top: 44px; right:4%; z-index: 10 }

/* nav_menu */
.nav { height: 70px; line-height: 70px; position: absolute; top: 30px; right: 14%; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav .menuLi { float:left; display:block; position:relative; margin: 0 20px }
.nav .menuLi .mainmenu { display:block; height:70px; line-height:70px;color:#00859c; position:relative; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:16px; font-weight:bold;}
.mainmenu-dot { width: 0; height: 3px; background: #4bb2cc; position: absolute; top: 0; left: 0; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s }
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover,.current .nav .menuLi .mainmenu:hover ,.elCurrent .nav .menuLi .mainmenu:hover { color: #00859c }
.nav .menuLi .mainmenu:hover .mainmenu-dot, .nav .menuLi .mainmenu.menuLiBnameover .mainmenu-dot, .nav .menuLi .mainmenu.menuLipitchon:hover .mainmenu-dot, .nav .menuLi .mainmenu.menuLipitchon.menuLiBnameover .mainmenu-dot { width: 100%; left: 0 }
.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot { width: 15px; left: 20px }
.nav .menuLi .mainmenu.menuLipitchon,.current .nav .menuLi .mainmenu.menuLipitchon,.elCurrent .nav .menuLi .mainmenu.menuLipitchon { color: #00859c; font-weight:bold;  }

.menuListBox { width: auto; line-height:38px; position:absolute; top:70px; left: 0; background: #00859c; display:none }
.menuListBox a { display:block; width: 100%; padding: 0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; white-space:nowrap }
.menuListBox a:hover { background: #04357c; color: #fff }

.current .nav .menuLi .mainmenu,.elCurrent .nav .menuLi .mainmenu{color: #000;}
.menuListBox .menuListBox-child a{display:block; width: 100%; padding: 0 35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; white-space:nowrap}

.headspace {
    width: 100%;
    height: 71px;
}

.language-menuLi .icon-diqiu { line-height: 70px; color: #00859c }
.language-menuLi .menuListBox { width: 50px; left: 50%; margin-left: -25px }
.language-menuLi .menuListBox a { padding: 0; text-align: center }

/*-------------------底部-------------------*/
.footbox a:hover { color: #00859c }
.footbox p a:hover { color: #00859c }
.footbox {border-top: 1px solid #d0dbea;}

.copyright { position: absolute; top: 0; right: 0 }
.copyright a:hover { color: #fff }

.gototop { display:block; width:40px; height:40px; text-align: center; line-height: 40px; background:#707070; position:fixed; right:10px; bottom:10px; z-index:1001; transition-duration:0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; display:none; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2 }
.gototop:hover { background:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.gototop:hover .iconfont { color: #000 }
.gototop .iconfont { color: #fff }
.foot-line {position: relative; height: 100%;}
.foot-line::before {content: ''; display: block; width: 1px; height: 180px; background: #d0dbea; position: absolute; right: 0; top: 30px}
.footselect {background: url(/images/select.png) right center no-repeat;background-size: 15px 13px;background-position: 100% 33%; padding-right: 20px;padding-bottom:5px;border-bottom: 1px solid #cccccc;}

/* ----------------------首页---------------------- */
.scroll-icon {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; width: 30px;background-size: 100% 100%;  font-size: 22px; color: rgba(255, 255, 255, 1);-webkit-transition: .4s;  transition: .4s; position: absolute; bottom: 10px;  left: 50%;  margin-left: -15px; z-index: 1000;}

.scroll-icon::after {
	font-family: "iconfont";
	font-weight: 100;
  content: '\e60f';
  -webkit-animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
  animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
}

@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  } 
}

.indexkvbox .index_kvbg { -moz-transition: 5s; -o-transition: 5s; -webkit-transition: 5s; transition: 5s }
.indexkvbox:hover .index_kvbg{ transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05) }


.indexkv-animation01, .indexkv-animation02, .indexkv-animation03, .indexkv-animation04{ transition: all ease-out .6s; -webkit-transition: all ease-out .6s; -moz-transition: all ease-out .6s; -o-transition: all ease-out .6s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.indexkv-animation01,.indexkv-animation04 { margin-top: 50px }
.indexkv-animation02 { margin-top: 60px }
.indexkv-animation03 { margin-top: 80px }

.waper-height40 {height: 249px!important; overflow: hidden;}
.waper-height60 {height: 331px;background: url(../images/jl2.jpg) right center no-repeat; }
.waper-height100 {height: 600px;background: url(../images/jl1.jpg) center center no-repeat;}
 
.pagination-newsSwiper {width: 50%; bottom: 20px; left: 100%;}
.newsSwiper .swiper-wrapper ,.newsSwiper .swiper-slide,.inedxNewSwiper .swiper-wrapper{height: auto !important;}

.inedxNewSwiper .swiper-slide {height:100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);}
.inedxNewSwiper .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.inedxNewSwiper .swiper-slide.swiper-slide-prev {transform-origin: top left;}
.inedxNewSwiper .swiper-slide.swiper-slide-next {transform-origin: top right;}
.inedxNewSwiper.swiper-container-horizontal .swiper-pagination {bottom:0}
.inedxNewSwiper .swiper-pagination-bullet {background: #d8d8d8;opacity: 1;}
.inedxNewSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #00859c;}
.indexkv.swiper-container-horizontal .swiper-pagination {bottom:60px}
.indexkv .swiper-pagination-bullet {width: 12px; height: 12px; display: inline-block; border-radius: 100%;background: #fff;opacity: 0.2;}
.indexkv .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
.more_a {top: 30%;}
.zp-lab {height: 248px;}
 
.bg-change { background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
 }
 /* ----------------------关于恒瑞---------------------- */
.index-bg{background: url(../images/index-bg.jpg) center no-repeat; background-size: cover;}
.indexHonor-kv {height: 300px; background: url(../images/showlis4.jpg) center center no-repeat;}
.trainHonor-kv {height: 400px; background: url(/images/development/trainimg2.jpg) center center ;}
 
.hover-zoom { width: 100%;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
.hover-zoom:hover { background-size: 110% 110%;}

.indexFound-bg {height: calc(30vh); min-height: 200px;}

/* --------------------公司概况----------------- */
.aboutCourse {position: relative; background: url(../images/ablc.jpg) top center no-repeat;background-attachment: scroll;background-size: cover;}
.timeline-box { padding-top: 50px; padding-bottom: 50px; }
#timeline { width: 100%; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
#timeline:before { content: ""; width: 1px; height: 100%; background: #afc7cf; left: 50%; top: 0; position: absolute; }
#timeline:after { content: ""; clear: both; display: table; width: 100% }
#timeline .timeline-item { margin-top: 0; position: relative; }
#timeline .timeline-item .timeline-icon { background: #043b8b; width: 32px; height: 32px; line-height: 32px; font-size: 0; position: absolute; top: 0; left: 50.5%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; margin-left: -6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
#timeline .timeline-item .timeline-icon::before {content: ''; display: inline-block; width: 31px; height: 31px; background: url(../images/time-icon.png) center center no-repeat;  background-size: cover; position: absolute; top: 50%; left: 50.5%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#timeline .timeline-item .timeline-content { width: 46%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#timeline .timeline-item .timeline-content.right { float: right; }
.timeline-txt, .timeline-year { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.min-height100 {min-height: 100px;}
.titRtight {left: 60%;}
.bgfffab {height: 100%; position: absolute; left: 0; background: #fff; z-index: 1;}
/* -------------------党建工作------------------- */
.partyBuild-bg {background: url(../images/partybuilding-bg.jpg) 64% center no-repeat;background-size: cover;}

/* -------------------------公司战略-------------------------- */
.strategy-kv {height: calc(100vh + 170px); min-height: 500px; background: url(../images/strategy-kv.jpg) 30% center no-repeat; background-size: cover;}
.strkv-con.poabsolute-h50 {top: 10%;}
.strtxt-con {position:absolute; bottom: 5%;}

/* -------------------------公司荣誉-------------------------- */
.honor-kv {height: calc(100vh - 180px); min-height: 500px; background: url(../images/honor-kv.jpg) right center no-repeat; background-size: cover;}
.honor-swiper { top: calc(50% - 180px); }
.honor-prev.swiper-button-prev, .honor-next.swiper-button-next {width: 50px; height: 50px;line-height: 50px; border-radius: 50%;background: #fff;color: #00859c;text-align: center;}
.honor-prev.swiper-button-prev:hover, .honor-next.swiper-button-next:hover {background: #00859c; color: #fff;}
.honor-swiper .swiper-slide {opacity: 0;}
.honor-swiper .swiper-slide.swiper-slide-next,.honor-swiper .swiper-slide.swiper-slide-prev {opacity: 0.5;}
.honor-swiper .swiper-slide.swiper-slide-active {opacity: 1;box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.2)}
.honor-swiper .swiper-slide .bgfff {min-height: 380px;}
/* -------------------------合规发展-------------------------- */
.deve-kv{height: calc(70vh);min-height: 500px;background: url(../images/deve-kv.jpg?v0.1) center no-repeat; background-size: cover;}
.devFound-bg {height: calc(65vh); min-height: 500px;}
.devlis-kv {height: calc(30vh);min-height: 200px;background: url(../images/devlis6-kv.jpg?v0.1) left center no-repeat; background-size: cover;}
.devlis-kv a:hover {border-bottom: 1px solid #fff;}

/* -------------------------社会公益-------------------------- */
.social-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
transition: 300ms;
transform: scale(0.9);
}
.social-swiper .swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
}
.social-kv .weprodutSwiper-pagination {left: 0; width: 100%;}
.swiper-button-prev.social-prev{left: -20px;}
.swiper-button-next.social-next{right: -20px;}
.swiper-button-next.social-next:hover,.swiper-button-prev.social-prev:hover {color: #00859c;}
.social-kv {background: url(../images/socialis-bg.jpg) bottom center no-repeat; background-size: cover;}
.social-kv .poabsolute-h50 {top: 20%;}
.btn_134290 {padding: 5px 30px 10px 30px; background: #00859c; border-radius: 50px;color: #fff; line-height: 20px;}
.btn_134290:hover{color:#fff;background: #2264c8;}
.socialis ul li p {opacity: 0.5;}
.socialis ul li h5 {font-weight: bold;}
/* -------------------------公示公告-------------------------- */
.notice-kv {min-height: calc(100vh - 180px); background: url(../images/notice-kv.jpg) top center no-repeat; background-size: cover;}
.pdf_lab1 a {padding: 10px 40px; background: #00859c;border: 1px solid #00859c; border-radius: 50px;display: inline-block; }
.pdf_lab1 a.com-link:hover{background: transparent;color: #00859c;}
.hand {display: inline-block; width: 15px; height: 20px; background: url(../images/han.png) center center no-repeat; background-size: contain; margin-top: 5px; padding-right: 5px;}

/* -------------------------健康+-------------------------- */
.healthIndex-bg {background: url(/images/health/index-kv.jpg?v0.1) right center no-repeat;background-size: cover;}

/* -------------------------创新研发-------------------------- */
.innov-kv {height: calc(100vh - 70px);min-height: 600px;background: url(../images/health/innov-kv.jpg) center center no-repeat; background-size: cover;}
.kv-btn {border: 1px solid #00859c; border-radius: 50px; padding: 20px; color: #00859c;}
.kv-btn.colorfff {border: 1px solid #fff;}
a.kv-btn:hover{border: 1px solid rgba(19, 66, 144, 0.7);}
a.kv-btn.colorfff:hover{border: 1px solid rgba(255, 255, 255,0.7)}
.innovLabel span {display: block; width: 120px; height: 120px;line-height: 120px; border: 1px solid #00859c; border-radius: 50%; background: #fff; margin: 0 auto;text-align: center;}
.swPro-txt {margin-top: -50px;min-height: 540px;}
.swPro-txt p{ width: calc(100% - 20px); float: left;}
.dian{float: left; width: 8px; height: 8px; line-height: 8px; border-radius: 50%; background: #00859c;margin-top: 6px; margin-right: 5px;}
.dian.bg000 {background: #000;}
.yfTable {width: 100%;}
.yfTable th{color: #fff; padding: 20px; box-sizing: border-box; background: #2264c8; border-right:1px solid #fff;}
.yfTable th:nth-of-type(1),.yfTable th:nth-of-type(2),.yfTable th:nth-of-type(3){background: #134aa5;}
.yfTable th:nth-of-type(10){border-right:none;}
.yfTable tr {border-bottom: 1px solid #d3d3d3;}
.yfTable tr td{font-size: 12px; color: #666; padding: 10px 0;box-sizing: border-box;}
.yfTable tr td:nth-of-type(1){color: #000;}
.yfTable tr td:nth-of-type(1),.yfTable tr td:nth-of-type(2),.yfTable tr td:nth-of-type(3){padding: 5px;}
.yfProgress {display: block; height: 20px; background: #134aa5; margin-bottom: 5px;}
.innovFound-bg { height: calc(40vh); min-height: 350px;}
.innovKv-lis {border-right: 1px solid #adb2b4;border-style: right dotted}
/* -------------------------生产体系-------------------------- */
.system-kv {height: calc(100vh - 70px);min-height: 600px;background: url(../images/health/system-kv.jpg) center center no-repeat; background-size: cover;}
.black-btn {padding: 10px 40px; border: 1px solid #fff; border-radius: 50px;}
.swiperFound-bg {height: calc(40vh); min-height: 300px;}
.swiperFound-bg .swiper-button-prev.weprodutSwiper-prev {top: 60%;}
.swiperFound-bg .swiper-button-next.weprodutSwiper-next {top: 60%;}
.swiper-pagination-bullet {margin: 3px;}
.weprodutSwiper-pagination {left:0; width: 100%;}
.swiperFound2-bg {height: calc(30vh); min-height: 300px;}
.swiperFound2-bg .swiper-button-prev.weprodutSwiper-prev {top: 60%;}
.swiperFound2-bg .swiper-button-next.weprodutSwiper-next {top: 60%;}
.foundSwiper2 .swiper-slide .overhidden{max-height: 200px;}
/* -------------------------融入国际化-------------------------- */
.inter-kv {height: calc(100vh - 70px);min-height: 600px;background: url(../images/health/inter-kv.jpg) center center no-repeat; background-size: cover;}
.intertxt-kv {height: calc(50vh);min-height: 300px; background: url(../images/health/interimg1.jpg) center center no-repeat; background-size: cover;}
.intertxt-kv .poabsolute-h50 {right: 7.5%;}
.inter-timer:before {content: "";width: 100%; height: 5px;background: #9ca2fd;margin: auto 0;position: absolute;top: 50%;left: 0;}
.inter-timer:before, .inter-timer:after {content: "";display: block;width: 100%;clear: both;}
.inter-timer .timerline {width: 25%;float: left;position: relative;}
.inter-timer .timerline-content {padding: 30px;box-sizing: border-box; border-radius: 15px;;text-align: left;background: #2264c8; z-index: 1; position: relative;margin-left: 80px; width: 120%;box-sizing: border-box;}
.inter-timer .spot {display: inline-block;width: 20px;height: 20px; line-height: 20px; font-size: 0;background: #00859c;border-radius: 50px;border: 2px solid #9ca2fd;position: absolute;bottom: -45px;left: 108px;}
.inter-timer .timerline.bottom {margin: 16.3% 0 0 0;}
.inter-timer .timerline.bottom .spot{bottom: auto;top: -45px;left: -23px;}
.inter-timer .timerline.bottom .timerline-content {margin-left: -50px;margin-top: 5px;background: #2280c8;}
.inter-timer {height: 400px;}
.triangle::after{content: ''; width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #2264c8;position: absolute; bottom: -10px;}
.bottom .triangle::after{ border-bottom: 10px solid #2280c8;bottom: auto; top: -10px;border-top: none;}
.spot-txt p{width: calc(100% - 20px);float: left;}
.kv-btn1 {border: 1px solid #000; border-radius: 50px; padding: 20px;}
a.kv-btn1:hover{border: 1px solid #fff;}
.timertxt01 {left: 10%;width: 49px;}
.timertxt02 {left: -35%;width: 49px;}
.weinrerSwiper .swiper-wrapper{transition-timing-function:linear !important;}
.swiper-button-prev.weinrerSwiper-prev {left: 0;}
.swiper-button-next.weinrerSwiper-next {right:0;}
.swiper-button-prev.weinrerSwiper-prev,.swiper-button-next.weinrerSwiper-next {width: 30px; height: 30px; border: 1px solid #00859c; border-radius: 50%; line-height: 30px; text-align: center; color:#00859c;}
/* -------------------------产品-------------------------- */
.proIndex-bg{background: url(../images/index-kv.jpg) center no-repeat; background-size: cover;}
.proIndex-set{top:35%;right:10%;}
.swiper-button-prev.weprodutSwiper-prev {left: -68px;}
.swiper-button-next.weprodutSwiper-next {right:-68px;}
.swiper-button-prev.weprodutSwiper-prev:hover ,.swiper-button-next.weprodutSwiper-next:hover ,.swiper-button-prev.weinrerSwiper-prev:hover,.swiper-button-next.weinrerSwiper-next:hover{color: #04357c;}
.pin li{width: 14%; float: left;min-height: 118px;; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:15px}
.pin2 li {width: 14%;}
/* -------------------------创新药-------------------------- */
.box-pie li {position: relative;}
.abridge {overflow: hidden;}
.pice-con {width: calc(100% - 35%);float: right;}

/* -------------------------新闻与媒体-------------------------- */
#current{position: relative;color:#00859c;}
#current::before{content: ''; width:calc(100% - 20px); height: 3px; background: #00859c;position: absolute; bottom: 0;}

/* -------------------------新闻与媒体-------------------------- */
.investorIndex-bg {background: url(../images/index-kv.jpg) center no-repeat; background-size: cover;}
.imgstyle img {max-width: 100%;display: inline-block;}
.imgstyle img {
    max-width: 100%;
    display: inline-block;
}

.imgstyle em {
    font-style: italic;
}


.imgstyle blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}


.imgstyle ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
    .imgstyle ul li {
        list-style-type: disc;
    }

.imgstyle ol li {
    list-style-type: decimal;
}
    .imgstyle ol {
        display: block;
        list-style-type: decimal;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
    }


/* -------------------------投资者关系-------------------------- */
.tz-lab {min-height: 322px;}
.tz-labBottom a .com-link-032763:hover,.tz-labBottom a .com-link-032763:hover .color999,.tz-labBottom a .com-link-032763:hover .color1e55a8{ color: #fff;}

/* -------------------------临时公告-------------------------- */
.pdf_lab2  {padding: 10px 40px;color: #00859c; background: #fff;border: 1px solid #00859c; border-radius: 50px;display: inline-block; text-align: center;}
.pdf_lab2:hover{background: #00859c; color: #fff;}

/* ---------------------------投资者联系------------------------ */
.invstory-kv {height: calc(100vh - 70px); min-height: 500px; background: url(../images/icontact-bg.jpg) right center no-repeat; background-size: cover;}
.com-link-li li a:hover{color: rgba(255,255,255,0.5)}
.ly-con {width: calc(100vw);height: calc(100vh - 70px);}
.ly-con input,.ly-con textarea{display: block; width: 30%; height: 45px; background: transparent;border: 1px solid #fff; box-shadow: none; color: #fff;  padding: 5px; box-sizing: border-box; line-height: 45px;border-radius: 5px; margin-bottom: 30px;}
.ly-con textarea {resize: none; height: 200px; font-size:15px;}
.ly-con input::-webkit-input-placeholder,.ly-con textarea::-webkit-input-placeholder {
  color: #fff;
}
.ly-con input::-moz-input-placeholder,.ly-con textarea::-moz-input-placeholder {
  color: #fff;
}
.ly-con input::-ms-input-placeholder,.ly-con textarea::-ms-input-placeholder {
  color: #fff;
}
.ly-con .sub-btn {display: inline-block; padding: 10px 40px; background: #fff; color: #00859c; border-radius: 50px;  width:auto; height:auto; line-height: normal;}
.ly-con .sub-btn:hover{ background: #fff; color: #00859c; }
.com-link-li{ font-size:16px;}
.pro_tut{ text-align:center;}


/* ---------------------------职业发展------------------------ */
.indexDevelopment-bg{background: url(/images/development/index-kv.jpg) center no-repeat; background-size: cover;}
.more-btn {display: inline-block; padding: 5px 20px; border: 1px solid #fff; border-radius: 50px;}
.more-btn:hover{background: #fff; color: #2264c8 ;}
.devbanner {height: calc(50vh);min-height: 300px; background: url(/images/development/devimg3.jpg) center no-repeat; background-size: cover;}
.devbanner .poabsolute-h50 {right: 20%;}
.devbanner .more-btn {border: 1px solid #27468a; color: #27468a;padding: 5px 30px;}

/* ---------------------------诚聘英才------------------------ */
.joinusIndex-bg {background: url(/images/development/joinus-kv.jpg) center no-repeat; background-size: cover;}
.joinusFound-bg {height: calc(30vh); min-height: 200px;}
.mo_color000.more-btn {padding: 10px 30px;}
.joinusFound-bg .more-btn {padding: 5px 45px;}

/* ---------------------------培训中心------------------------ */
.train-kv {height: calc(100vh - 180px);min-height: 600px;background: url(/images/development/train-kv.jpg) center center no-repeat; background-size: cover;}
.jians-con ul li p{width: calc(100% - 30px); float: left;}
.jians-con ul li i {float: left;padding: 5px; box-sizing: border-box;}

/* ---------------------------人才发展------------------------ */
.poDev {height: calc(50vh); height: 500px; width: 100%;}
/* .poDev.poDevR {float: left;} */
.poDev-bg {background:url(../images/podev1.jpg) right center no-repeat; background-size: cover;}
.poDev-bg2 {background:url(../images/podev2.jpg) right center no-repeat; background-size: cover;}
.poDev-bg3 {background:url(/images/development/podev3.jpg) right center no-repeat; background-size: cover;}
.poDev-bg4 {background:url(/images/development/podev4.jpg) right center no-repeat; background-size: cover;}
/* .poDev-abu {left: -5%;}*/
.poDev-abur {} 

/* ---------------------------雇主荣誉------------------------ */
.eh-kv {height: calc(100vh - 180px); min-height: 500px; background: url(/images/development/eh-bg.jpg) right center no-repeat; background-size: cover;}
.eh-lis li{width: 70%; padding: 20px; background: rgba(0,0,0,0.2);margin-bottom:30px}
.icon-jp {background: url(/images/development/hp-jp.png) right center no-repeat; background-size: cover; width: 80px; height: 80px;display: block; float: left;padding: 20px;box-sizing: border-box;} 
.eh-lis li .txt-jp {width: calc(100% - 100px); float: right;}

/* ---------------------------社会招聘------------------------ */
.socialZp-kv ul li a p {width: calc(100% - 30px);}
.socialZp-kv::after{content: '';width: 100%; height: 80px; background: url(/images/development/down-bg.png) center center no-repeat;position: absolute; bottom: 0;}
.socialZp-kv ul li a:hover p{color: #00859c;}
/* ---------------------------校园招聘------------------------ */
.campus-kv {height: calc(100vh - 180px); min-height: 500px; background: url(/images/development/campus-bg.jpg) right center no-repeat; background-size: cover;}
.code-qr {width: calc(60vh); height: calc(60vh); background: #f5efef; border-radius: 50%;top: 55%;}
.code-qr p{ top: 83%;}

/* ---------------------------公司治理------------------------ */
.more-pro {display: none;}
.more-pro.dis {display: block;}

 
/* ----------------------media ------------------------------*/
.swiper-pagination.swiper-pagination-media.swiper-pagination-bullets {width: 100%;text-align: left;}
.swiper-pagination-media .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #00859c;}
.swiper-pagination-media .swiper-pagination-bullet {background: #cacaca;}
.trainFound-bg {height: calc(40vh);min-height: 300px;}

/* ----------------------------media-detail--------------------------------- */
.meaidDetail-tit a:hover{color: #1f1f1f;}

/* ----------------------Investor------------------------------*/
.inv-kv {height: calc(55vh);min-height: 400px;}
.inv-bg {background: url(../images/invs-kv.jpg) right center no-repeat; background-size: cover;}
.inv-kv .poabsolute-h50.dj-set {top: 10%;}
.height255 {height: 255px;}
.invTable tr.invTab-tit{color: #fff; background: #00859c;}
.invTable th { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;font-size:12px;width: 15.44%;}
.invTable .bgfff:hover,.invTable .bgf3f3f3:hover {background: #edf2f9; color: #00859c;}
.invTable .bgfff th,.invTable .bgf3f3f3 th{font-size: 18px}
.invContact-kv {height: calc(50vh);min-height: 300px;background: url(../images/contact-kv.jpg)50% center no-repeat;background-size: cover;}
.invContact-kv .poabsolute-h50 {right: 10%;} 
.invContact-kv a:hover{opacity: 0.6;}
.inv-shares .bg134592 .area_33 {min-height: 65px;}

/* -------------------------pipeline------------------------------- */
.pip-bg {background: url(../images/pipeline/pipeline-kv.jpg) right center no-repeat; background-size: cover;}
.pip-tab a {position: relative;}
.pip-tab #current{color:#00859c; font-weight: 600;}
.pip-tab #current::before{content: ''; width: calc(100% - 80px); height: 4px; background: #00859c;position: absolute; bottom: 0;left: 40px;}
.pip-tab a:hover:before{content: ''; width: calc(100% - 80px); height: 4px; background: #00859c;position: absolute; bottom: 0;left: 40px;}
.pipCade {min-height: 100px;}
.cadeProcess {width: calc(100% - 19%);float: right;}
.pipPack a{border-top: 1px solid #e6e6e6;}
.pipShowlis .triangle-up{position: absolute; top: -5px; left: 10px;}
.pipShowlis .rightSet {left: auto;right: 10px;}
.pipShowlis {display: none;}
.miin-height {min-height: 150px;}

/* ---------------------partnering----------------------- */
.par-bg {background: url(../images/partnering/index-kv.jpg)72% center no-repeat; background-size: cover;}
.par-bg .poabsolute-wh50 {left: 75%;}
.parMore {height: 50px;line-height: 50px; border: 1px solid #dcdcdc;}
.parCaseCade .pipShowlis .triangle-up{top: 12px; left: 25%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.parCaseCade .pipShowlis .rightSet,.parCaseCade3 .pipShowlis .rightSet{left: 75%;}
.parCaseCade2 .pipShowlis .triangle-up{top: 12px; left: 16%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.parCaseCade2 .pipShowlis .centerSet {left: 50%;}
.parCaseCade2 .pipShowlis .rightSet {left: 83%;}
.parCaseCade3 .line-e2e2e2no {width: 90%;}
.parCaseCade3 .pipShowlis .triangle-up {top: 22px; left: 25%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.par-bg .colorfff a:hover{color: #000;}
/* 6-16 */
.bujiacu{
  font-weight: normal;
  color: #ababab;
}
/*  */
/* --------------------About us----------------- */
.about-bg {background: url(../images/index-kv.jpg) center no-repeat; background-size: cover;}


.update{position:relative;}
.update-top{width:118px; padding-left: 16px; white-space: nowrap; height:40px;font-size:16px;color:#00859c;line-height:40px;background:url("../images/update.png") no-repeat 92px center; display:block;}
.update-bot{width:157px;padding:23px 0 ;background:#ff9f00;position:absolute;right:0px;top:40px;text-align:right;display:none;z-index:100;}
.update-bot ul{padding-right:30px; padding-left: 16px;}
.update-bot li{line-height: 30px;}
.update-bot a{font-size:14px;color:#4f4f4f;font-weight:bold; text-align: right; padding-right: 18px;}
.update-bot a:hover,.language .language-con a:hover{color:#fff;}
.update:hover .update-top{color:#ffffff;background:#ff9f00 url("../images/update2.png") no-repeat 92px center;}
.current .language .update a{color: #000;}
.about_nei{ margin-top:60px;}
.about_txt p{ text-indent:2em; line-height:32px;}
.zhaopin p{ font-size:16px; text-indent:2em; line-height:32px;}
.zhaopin{ padding-top:30px;}
.zp_txt p{ line-height:34px; font-size:16px;}
.index_news{ padding-bottom:60px;}
.indexFound-bg p{ font-size:20px;}
.indexFound-bg h4{ font-size:36px;}


/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
.container { width:1350px!important }
.jindex-shapesrbg .shapeslbg-setr {top: 60%; left: 53%;}
.foot-line.area_50 {width: 40%;}
.follow {width: 20%; float:left !important;}
}

@media (max-width:1400px) {

}
@media(max-width:1599px){}

@media ( min-width:1260px ) and ( max-width:1599px ) {
.container { width:1160px!important }
.inv-shares .bigtitle {font-size: 48px;}
.mess_container .area_30 {width: 35%;}
.absurveNum h2 {font-size: 28px;}
.indexNew .width55 {width: 65%;}
.minheight200 {height: 216px;}
.inter-timer .timerline.bottom {margin: 19.3% 0 0 0;}
.tz-lab {min-height: 277px;}
.notice-kv .poabsolute-w50 {width: 90%;}
.swiper-button-prev.weprodutSwiper-prev {left:-40px;}
.swiper-button-next.weprodutSwiper-next {right:-30px}
/* .follow img {width: 60%;} */
.foot-line.area_50 {width: 40%;}
.follow {width: 25%;}

}
@media ( min-width:1000px ) and ( max-width:1259px ) {
.container { width:960px!important }
.waper-height .line-height1_5em {line-height: 1.1em; font-size: 20px;}
.waper-height .paddingtop30.width90,.waper-height .iconfont.icon-next {padding-top: 15px;}
.pagination-newsSwiper {left: 86%;}
.com-link .iconfont.icon-next {padding-top: 20px;}
/* .waper-height40 {height: 249px!important;} */
.waper-height40 .paddingtop30.width90,.waper-height40 .iconfont.icon-next {padding-top: 10px;}
.inv-shares .bigtitle {font-size: 40px;}
.inv-shares .area_35 {width: 30%;}
.inv-shares .area_40 {width: 45%;}
.mess_container .area_30 {width: 40%;}
.mess_container .area_65 {width: 60%;}
.par-bg .poabsolute-wh50 {left: 73%;}
.absurveNum h2,.absurveNum .h2 {font-size: 26px;}
.absurveNum h5 {font-size: 16px;}
.absurveNum h5.fontSize12 {font-size: 12px;}
.indexNew .width55 {width: 70%; font-size: 20px; padding-top: 10px;}
.minheight200 {height: 183px;}
.swPro-txt {padding: 20px;}
.hotlab {font-size: 14px;}
.inter-timer .timerline.bottom {margin: 23% 0 0 0;}
.tz-lab {min-height: 274px;}
.jians-con {width: 90%;}
.jians-con .h4 {font-size: 25px;}
.indexNew h4 {font-size: 20px;}
.notice-kv .poabsolute-w50 {width: 90%;}
.swiper-button-prev.weprodutSwiper-prev {left: 0;}
.swiper-button-next.weprodutSwiper-next {right:10px}
.intertxt-kv .poabsolute-h50 {right: 0;}
.foot-line.area_50 {width: 45%;}
.follow {width: 20%;}
.follow img {width: 90%;}
.swiper-button-prev.social-prev{left: -20px;}
.swiper-button-next.social-next{right: -5px;}
.mo_fontSize20 {font-size: 20px;}
.fuj-btn {float: none !important; display: block;}
.eh-lis li .txt-jp .h4{font-size: 24px;}
.eh-lis li .txt-jp .paddingbottom15{padding-bottom: 10px;}
.inter-timer .triangle-widthset .triangle{width: 165%;}
.inter-timer .triangle-widthset .spot{left: 108px;}
}



@media ( min-width:801px ) and ( max-width:999px ) {
.container { width: 90%!important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
/* .waper-height40 {height: 249px!important;} */
.waper-height40 .paddingtop30.width90,.waper-height40 .iconfont.icon-next {padding-top: 10px;}
.inv-shares .bigtitle {font-size: 40px;}
.inter-timer .timerline-content {width: 125%;}
}


@media ( max-width:999px ) {
.container { width: 100%!important; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.waper-height .line-height1_5em,.com-link .width90.paddingtop30 {font-size: 20px;}
.waper-height .paddingtop30.width90,.waper-height .iconfont.icon-next {padding-top: 10px;}
.pagination-newsSwiper {left: 86%;}
.com-link .iconfont.icon-next {padding-top: 0;}
/* .waper-height40 {height: 249px!important;} */
.waper-height40 .paddingtop30.width90,.waper-height40 .iconfont.icon-next {padding-top: 10px;}
.waper-height40 .line-height1_5em {line-height: 1.1em;}
.inv-shares .area_35 {width: 30%;}
.inv-shares .area_40 {width: 45%;}
.inv-shares .bigtitle {font-size: 35px;}
.mess_container .area_30 {width: 35%;}
.mess_container .area_65 {width: 55%;}
.mo_width110 {width: 110%;}
.par-bg .poabsolute-wh50 {left: 62%;}
.inv-shares .bg134592 .area_33 {min-height: 84px;}
.height255 {height: 300px;}
/* .invContact-kv .poabsolute-h50 { left: 60%;} */
.absurveNum h2,.absurveNum .h2 {font-size: 18px;}
.absurveNum h5 {font-size: 16px;}
.absurveNum h5.fontSize12 {font-size: 12px;}
.indexNew .width55 {width: 70%; font-size: 18px;}
.minheight200 {height: 192px;}
.indexNew .positionRelative {height: 175px;}
.indexNew .positionRelative .area_50.fright {width: 65%;}
.view999 {height: 178px;width: 125%;}
.swPro-txt {padding: 20px;min-height: 530px;}
.hotlab {font-size: 12px;}
.hotlab .h5{font-size: 16px;}
.inter-timer .timerline {margin:0; top: -8px;}
.inter-timer .timerline.bottom {margin:0; top: 220px;}
.jians-con {width: 90%;}
.jians-con .h4 {font-size: 20px;}
.jians-con li {font-size: 12px;}
.indexNew h4 {font-size: 20px;}
.notice-kv .poabsolute-w50 {width: 90%;}
.intertxt-kv .poabsolute-h50 {right: 2%;}
.follow img {width: 120%;}
.foot-line {padding: 10px;}
.foot-line .width95 {width: 100%;}
.swiper-button-prev.social-prev{left: -20px;}
.swiper-button-next.social-next{right: -5px;}
.fuj-btn {float: none !important; display: block;}

}